<template>
  <p>条件渲染</p>
  <div v-if="flag">你能看见我吗</div>
  <!-- <div v-else> 那你还是看看那我吧</div>s -->
  <!-- <div v-if="type === 'A'">A</div>
  <div v-else-if="type === 'B'">B</div>
  <div v-else-if="type === 'c'">C</div>
  <div v-else>Not A/B/C</div> -->
  <div v-show="flag">你能看见我吗</div>
</template>
<script>
export default {
  data() {
    return {
      flag: false
      , type: "F"
    }
  }
}
</script>